<script>
	export default {
		onLaunch: function() {

		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	@import "~@/uview-ui/index.scss";
	@import "~@/styles/font/iconfont.css";

	* {
		font-family: 'Microsoft JhengHei UI';
	}

	body,
	html,
	head {
		background: #FFFFFF;
	}

	/*每个页面公共css */
	//公共样式
	//----------------flex------------ /
	.dsp_f {
		display: flex;
	}

	//行内flex
	.dsp_if {
		display: inline-flex;
	}

	/* --------------水平布局内容从左到右且 自动换行------------ */
	.flex_rw {
		display: flex;
		flex-flow: row wrap;
	}

	/* --------------水平布局内容从左到右------------ */
	.flex_r {
		display: flex;
		flex-direction: row;
	}

	/* 从右到左 */
	.flex_rr {
		display: flex;
		flex-direction: row-reverse;
	}

	/* --------------水平布局内容从上到下------------ */
	.flex_c {
		display: flex !important;
		flex-direction: column !important;
	}

	.flex_cr {
		display: flex !important;
		flex-direction: column-reverse !important;
	}

	/* ---------------内容水平居中----------- */
	.flex_jc_c {
		justify-content: center;
	}

	/* ----------------居左------------------- */
	.flex_jc_s {
		justify-content: start;
	}

	/* ----------------居右------------------- */
	.flex_jc_e {
		justify-content: flex-end;
	}

	/* ----------------两端------------------- */
	.flex_jc_sb {
		justify-content: space-between;
	}

	// 水平平均
	.flex_jc_sa {
		justify-content: space-around;
	}

	/* ----------------内容垂直居中------------- */
	.flex_ai_c {
		align-items: center;
	}

	.flex_ai_fs {
		align-items: flex-start;
	}

	.flex_ai_s {
		align-items: stretch;
	}

	.flex_ac_c {
		align-content: center;
	}

	/* ---------------水平布局超出换行------------- */
	.flex_wrap {
		flex-wrap: wrap;
	}

	.flex_1 {
		flex: 1;
	}

	.scrollStyle {
		-webkit-overflow-scrolling: touch;
		// padding-right: 5px;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.scrollStyle::-webkit-scrollbar {
		width: 5px;
	}

	.scrollStyle::-webkit-scrollbar-track {
		background-color: #fff;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;
	}

	.scrollStyle::-webkit-scrollbar-thumb {
		background-color: #dddee0;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;
	}

	.marTop15 {
		margin-top: 30rpx;
	}

	.marBot15 {
		margin-bottom: 30rpx;
	}

	.marRight15 {
		margin-right: 30rpx;
	}

	.marLeft15 {
		margin-left: 30rpx;
	}
	.marRL15 {
		margin: 0 30rpx;
	}
	
	.marTB15 {
		margin: 30rpx 0;
	}
	.padTop15 {
		padding-top: 30rpx;
	}

	.padBot15 {
		padding-bottom: 30rpx;
	}

	.padRight15 {
		padding-right: 30rpx;
	}

	.padLeft {
		padding-left: 30rpx;
	}

	.padRL15 {
		padding: 0 30rpx;
	}

	.padTB15 {
		padding: 30rpx 0;
	}

	.scrollHide::-webkit-scrollbar {
		display: none !important;
		/* Chrome Safari */
	}

	.scrollStyle {
		-webkit-overflow-scrolling: touch;
		// padding-right: 5px;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.scrollStyle::-webkit-scrollbar {
		width: 5px;
	}

	.scrollStyle::-webkit-scrollbar-track {
		background-color: #fff;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;
	}

	.scrollStyle::-webkit-scrollbar-thumb {
		background-color: #dddee0;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;
	}

	.uni-button{
		
	}
	.uni-button-mini {
		padding: 4rpx 12rpx;
		line-height: 50rpx;
		text-align: center;
		font-size: 26rpx;
	}
	.uni-button-primary{
		background-color: #2196f3;
		color: #FFFFFF;
	} 
</style>
